<!doctype html>

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <title>raphycharts test</title>
    
    <script type="text/javascript" language="javascript" 
    	src="../../client/scripts/raphycharts-all.js"></script>
    
  </head>

  <body>

    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

 <div id='chart1' style='width: 300px; height: 100px;'></div>
 
 <script language="javascript" >
 var chart = new Charts.LineChart('chart1');


//Data is an array of arrays where the first slot is the x label and the 2nd the (y) value to graph
chart.add_line({
data: [[1, 828906],[2, 566933],[3, 584150],[4, 1072143],[5, 1622455],[6, 2466746],[7, 2427789]]
});

//Line charts also support custom tooltips, eg: 
chart.add_line({
data: [[1, 828906, {tooltip: "my special point"}],[2, 566933],[3, 584150],[4, 1072143],[5, 1622455],[6, 2466746],[7, 2427789]]
});

chart.draw();
 </script>
  </body>
</html>
